import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

/*0. 建立组件 1. 定义路由映射表*/
const routes = [
    /*1. 定义默认的首页展示的内容*/
    /*方式一：直接定义路由规则*/
   /* {
        path: '/', // 代表访问网站首页的时候，出现哪个组件
        name: 'index',
        component: () => import('../pages/Movies/index.vue')
    },*/
    /*方式二：可以使用的 redicret 方式*/
    {
        path: '/', // 代表访问网站首页的时候，出现哪个组件
        redirect: '/movies', // redirect 翻译过来重定向
    },

    {
        path: '/movies',
        name: 'movies',
        /*路由懒加载的特性*/
        component: () => import('../pages/Movies/index.vue')
    },
    {
        path: '/homes',
        name: 'homes',
        component: () => import('../pages/Homes/index.vue')
    },
    {
        path: '/news',
        name: 'news',
        component: () => import('../pages/News/index.vue')
    },
    {
        path: '/my',
        name: 'my',
        component: () => import('../pages/My/index.vue')
    },
    /* 定义一个 404 页面*/
    {
        path: '*', // * 代表和上面不匹配后的所有的路径
        name: 'notfound',
        component: () => import('../pages/NotFound/index.vue')
    }
]

const router = new VueRouter({
    linkActiveClass: 'tabs-active',
    routes
})

export default router
